//入口函数
$(function () {
    //点击链接显示隐藏
    $('.login-box a').on('click', function () {
        $('.login-box').hide()
        $('.load-box').show()
    })
    //点击注册隐藏登录
    $('.load-box a').on('click', function () {
        $('.login-box').show()
        $('.load-box').hide()
    })


    //定义校验规则
    let form = layui.form
    form.verify({
        username: [
            /^\w{1,10}$/,
            '用户名必须是1到10位的数字和字母'
        ],
        password: [
            /^[\S]{6,12}$/,
            '密码必须是6到12位的数字和字母'
        ],
        rePassword: function (value) {
            //value是确认密码的值
            //需要获取密码的值
            let pwd = $('#regForm input[name=password]').val()
            //判断
            if (pwd !== value) {
                return '两次密码输入不一致！'
            }
        }
    })

    // 完成注册
    let layer = layui.layer
    $('#regForm').on('submit', function (e) {
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/api/reguser',
            data: $(this).serialize()
        }).then(function (res) {
            // console.log(res);
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            // 成功后提示
            layer.msg('注册成功！')
            //跳转到登录
            $('#load-box a').click()
            //清空表单
            $('#regForm')[0].reset()
        })
    })

    // 登录
    $('#loginForm').on('submit', function (e) {
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize()
        }).then(function (res) {
            // console.log(res);
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            // 成功后提示
            layer.msg('登录成功！')
            //跳转到首页
            location.href = '/index.html'
            //存储token值
            localStorage.setItem('token', res.data.token)
            //清空表单
            $('#regForm')[0].reset()
        })
    })
})
